.index-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  /* nav{
        height: .6rem;
        background: #fff;
        .logo{
            min-width: .42rem;
            height: .42rem;
            margin-left: .11rem;
            margin-right: .06rem;
        }
        .text1{
            color: #333;
            font-size: .15rem;
            line-height: .23rem;
            font-weight: 600;
        }
        .money{
            width: .19rem;
            height: .19rem;
            margin-left: .05rem;
            animation: changeScale 3s ease-in-out infinite;
        }
    } */ }
  .index-container header {
    height: .5rem;
    background: #e54847;
    font-size: .18rem;
    text-align: center;
    line-height: .5rem;
    color: #fff; }
  .index-container main {
    flex: 1;
    overflow: hidden; }
  .index-container footer {
    height: .48rem; }
    .index-container footer ul {
      height: 100%;
      display: flex; }
      .index-container footer ul li {
        flex: 1;
        background: #fff;
        text-align: center;
        color: #696969;
        position: relative; }
        .index-container footer ul li .yo-ico {
          font-size: .25rem;
          text-align: center; }
        .index-container footer ul li .text {
          top: .33rem;
          position: absolute;
          font-size: .1rem;
          line-height: .12rem;
          text-align: center;
          left: 0;
          right: 0; }
        .index-container footer ul li.active {
          color: #e54847; }
